<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>添加订单-订餐管理系统</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../../static/css/font.css">
		<link rel="stylesheet" href="../../static/css/weadmin.css">
		<script src="../../lib/layui/layui.js" charset="utf-8"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
	      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
	      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
	    <![endif]-->
	</head>

	<body>
		<div class="weadmin-body">
			<form class="layui-form">
				<div class="layui-form-item">
					<label for="username" class="layui-form-label">
                  <span class="we-red">*</span>菜系
              </label>
					<div class="layui-input-inline">
						<select id="cuisine" name="cuisine" lay-filter="cuisine">
							<option value="">菜系</option>
							<option value="010">川菜</option>
							<option value="021">徽菜</option>
							<option value="0571">粤菜</option>
						</select>
					</div>
				</div>
				<div class="layui-form-item">
					<label for="dishName" class="layui-form-label">
                  <span class="we-red">*</span>菜名
              </label>
					<div class="layui-input-inline">
						<input type="text" id="dishName" name="dishName" required="" lay-verify="required" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label for="dishPrice" class="layui-form-label">
                  <span class="we-red">*</span>价格
              </label>
					<div class="layui-input-inline">
						<input type="text" id="dishPrice" name="dishPrice" required="" lay-verify="required" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label for="dishMemberPrice" class="layui-form-label">
                  <span class="we-red">*</span>会员价格
              </label>
					<div class="layui-input-inline">
						<input type="text" id="dishMemberPrice" name="dishMemberPrice" required="" lay-verify="required" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label for="upload" class="layui-form-label">
						<span class="we-red">*</span>上传图片
					</label>
					<div class="layui-input-inline">
						<button type="button" class="layui-btn" id="upload">
							<i class="layui-icon">&#xe67c;</i>
						</button>
					</div>
				</div>
		<div class="layui-form-item">
			<label for="L_repass" class="layui-form-label">
              </label>
			<button class="layui-btn" id="add" lay-filter="add" lay-submit="">增加</button>
		</div>
		</form>
		</div>
		<script src="../../static/js/jquery.js"></script>
		<script src="../../static/js/setAjax.js"></script>
		<script>
			layui.extend({
				admin: '{/}../../static/js/admin'
			});
			layui.use(['form', 'admin', 'jquery', 'table', 'layer','upload'], function() {
				var form = layui.form,
					admin = layui.admin,
					table = layui.table,
					layer = layui.layer;
				var upload = layui.upload;
				console.log(localStorage.getItem("token"));
				upload.render({
					elem: '#upload'
					,url: '/dish',
					method:'post',
					headers:{
						'token':localStorage.getItem("token")
					},
					acceptMime: 'image/*',
					auto:false,
					bindAction:'#add'
					,done: function(res, index, upload){
						if (res.state=="success"){
							layer.msg(res.message,{icon:1,time:2000},function () {
								parent.location.reload();
								var index = parent.layer.getFrameIndex(window.name);
								//关闭当前iframe
								parent.layer.close(index);
							});
						} else {
							layer.msg(res.message,{icon:2,time:2000})
						}
					},
					error:function () {
						alert("错误")
					}

				});

				// //自定义验证规则
				// form.verify({
				// 	nikename: function(value) {
				// 		if(value.length < 5) {
				// 			return '昵称至少得5个字符啊';
				// 		}
				// 	},
				// 	pass: [/(.+){6,12}$/, '密码必须6到12位'],
				// 	repass: function(value) {
				// 		if($('#L_pass').val() != $('#L_repass').val()) {
				// 			return '两次密码不一致';
				// 		}
				// 	}
				// });

				// //监听提交
				// form.on('submit(add)', function(data) {
				// 	console.log(data);
				// 	//发异步，把数据提交给php
				// 	layer.alert("增加成功", {
				// 		icon: 6
				// 	}, function() {
				// 		// 获得frame索引
				// 		var index = parent.layer.getFrameIndex(window.name);
				// 		//关闭当前frame
				// 		parent.layer.close(index);
				// 	});
				// 	return false;
				// });
				
				var num = 3;

			window.addTable = function() {
				var tableHtml = "";
				tableHtml += '<tr id="tr' + num + '">' +
					'<td>'+num+'</td>' +
					'<td><div class="layui-input-inline"><input type="text" name="canshu1" class="layui-input"></div></td>' +
					'<td><div class="layui-input-inline"><input type="text" name="canshu2" class="layui-input"></div></td>' +
					'<td><div class="layui-input-inline"><input type="text" name="canshu3" class="layui-input"></div></td>' +
					'<td><div class="layui-input-inline"><input type="text" name="canshu4" class="layui-input"></div></td>' +
					'<td><a style="cursor: pointer; color: blue;" onclick="removeTr(' + num + ')">删除</a>' +
					'</td>' +
					'</tr>';
//				tableHtml +='<tr>'+
//								'<td>2</td>'+
//								'<td>haier海尔 BC-93TMPF 93升单门冰箱</td>'+
//								'<td>0.01</td>'+
//								'<td>984</td>'+
//								'<td>9.84</td>'+
//								'<td><a style="cursor: pointer; color: blue;" onclick="removeTr(2)">删除</a></td>'+
//							'</tr>';

				var elements = $("#myTable").children().length; //表示id为“mtTable”的标签下的子标签的个数

				$("#myTable").children().eq(elements - 1).after(tableHtml); //在表头之后添加空白行
				num++;
			}
			//删除行
			function removeTr(trNum) {
				$("#tr" + trNum).remove();
			}

			});
		</script>
	</body>

</html>